<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>城市列表-家政网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="保姆,月嫂,搬家,保洁,家政,配送服务">
    <meta name="description" content="家政网是一家专业家政服务网站，为广大用户提供家政服务，包含保姆月嫂、搬家 、家政保洁、配送等便民服务。">
    <link rel="canonical" href="./index.html">
    <meta name="applicable-device" content="pc"/>
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <meta name="mobile-agent" content="format=html5;url="/>
    <link rel="alternate" media="only screen and(max-width: 750px)" href=""/>
    <link rel="stylesheet" type="text/css" media="screen" th:href="@{/computer/css/main.css}" />
    <link th:href="@{/computer/images/icon.icon}" rel="icon" type="image/x-icon">

    <script th:src="@{/computer/js/city.js}"></script>


</head>

<body>
    <!-- 头部 -->
    <header>
        <div id="cont_header" class="dingwei">
            <div class="header_left">
                <div class="dingwei_img"><img src="computer/images/定位.png" width="20px" height="20px"></div>
                <div class="header_city">
                    <ul>
                        <li style="margin-left: 6px"><a href="./city.html">深圳</a></li>
                        <li><a href="./city.html">[北京</a></li>
                        <li><a href="./city.html">上海</a></li>
                        <li><a href="./city.html">广州</a></li>
                        <li class="more_city" style="width: 70px">
                            <a href="./city.html" >更多城市]</a>
                            <ul class="more_city_list fl">
                                <li><a href="./city.html">天津</a></li>
                                <li><a href="./city.html">成都</a></li>
                                <li><a href="./city.html">杭州</a></li>
                                <li><a href="./city.html">武汉</a></li>
                                <li><a href="./city.html">重庆</a></li>
                                <li><a href="./city.html">南京</a></li>
                                <li><a href="./city.html">苏州</a></li>
                                <li><a href="./city.html">西安</a></li>
                                <li><a href="./city.html">长沙</a></li>
                                <li><a href="./city.html">沈阳</a></li>
                                <li><a href="./city.html">青岛</a></li>
                                <li><a href="./city.html">郑州</a></li>
                                <li><a href="./city.html">大连</a></li>
                                <li><a href="./city.html">东莞</a></li>
                                <li><a href="./city.html">宁波</a></li>
                            </ul>
                        </li>   
                    </ul>
                </div>
            </div>
            <div class="logins fl">
                <ul>
                    <li><a href="./user.html">我的账户</a></li>
                    <li><a href="/toabout">帮助中心</a></li>
                    <li><span>服务电话：400-646-641</span></li>
                    <li><a href="/toabout">投诉建议</a></li>
                    <li class="weixin">
                        <a href="#">官方微信v
                            <div class="wx_img">
                                <img src="computer/images/wechat.png" width="150px" height="150px" alt="微信二维码">
                            </div>
                        </a>
                    </li>
                    <li class="weixin">
                        <a href="#">APP下载v
                            <div class="wx_img">
                                <img src="computer/images/wechat.png" width="150px" height="150px" alt="微信二维码">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- logo -->
    <div class="logo wh">
        <div class="fl">
            <a href="./index.html" class="logo_content">
                <img src="computer/images/logo.jpg" alt="家政网" title="家政网">
                <span class="logo_text fl">
                    <p>家政网</p>
                    <p>你的私人管家</p>
                </span>
            </a>
        </div>
        <div class="searh fl">
            <select name="slt_value" id="">
                <option value="1">服务</option>
                <option value="2">师傅</option>
                <option value="3">公司</option>
                <option value="4">阿姨</option>
            </select>
            <input type="text" name="" id="text01" class="searh_text" placeholder="输入要查找的阿姨、服务、公司"
            onfocus="javascript:if(this.value=='请输入内容')this.value=''; ">
            <input type="button" name="" id="text02" value="查找" class="subimt">
            <div class="clfiex reSearh_Text">
                <span>大家都在搜:</span>
                <a href="">保姆</a>
                <a href="">钟点工</a>
                <a href="">做饭阿姨</a>
                <a href="">接送</a>
                <a href="">保洁</a>
            </div>                
        </div>
    </div>
    <!-- 导航 -->
    <nav>
        <div class="wh clfiex mgc nav_box" id="nav">
            <ul class="nav_ul">
                <li class="first_navli first_more">
                    <a href="">服务大全
                        <span class="more_img"></span>
                    </a>
                    <!-- 下拉菜单 -->
                    <div class="more_box">
                        <ul>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">客厅深洁</a>     
                                    </div>
                                    <div class="more_sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">客厅保洁</a>  
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type">
                                    <a href=""><span>保姆</span> <span>月嫂</span></a>
                                </div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">钟点阿姨</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                    </div>
                                    <div>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>     
                                    </div>
                                </div>
                            </li>
                                <li class="item_list">
                                <div class="more_type"><a href=""><span>上门</span> <span>安装</span></a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">空调</a>
                                        <a href="">油烟机</a>
                                        <a href="">水电</a>
                                        <a href="">门窗</a>
                                        <a href="">橱柜</a>
                                    </div>
                                    <div class="more_sub_list">
                                        <a href="">卫浴</a>
                                        <a href="">抽风机</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>     
                                    </div>
                                </div>
                            </li>                        <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>     
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href=""><span>配送</span><span>服务</span></a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">鲜花</a>
                                        <a href="">桶装水</a>
                                        <a href="">饮料酒水</a>
                                        <a href="">煤气</a>     
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="">组合套餐</a></li>
                <li><a href="">VIP专享</a></li>
                <li><a href="">上门安装</a></li>
                <li><a href="">定制服务</a></li>
                <li class="first_navli">
                    <a href="">知识课堂<span class="more_img"></span></a>
                    <div class="class_more">
                        <ul>
                            <li><a href="">育儿知识</a></li>
                            <li><a href="">维修知识</a></li>
                            <li><a href="">安装教程</a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="">领优惠券</a></li>
                <li><a href="">大客户</a></li>
            </ul>
        </div>
    </nav>
    <div class="defult_add mgc wh">
        <div class="add_box">
            <a href="">进入深圳市 >></a>
        </div>
    </div>
    <!-- 热门城市 -->
    <div class="lookbox wh mgc">
        <h2>热门城市</h2>
        <div class="lookcity fl">
            <a href="">北京</a>
            <a href="">上海</a>
            <a href="">广州</a>
            <a href="">深圳</a>
            <a href="">成都</a>
        </div>
    </div>



    <div class="city wh mgc">
        <h2>按照省份首字母选择</h2>
        <ul class="city_ul clfiex">


            <li class="city_li clfiex" th:each="s1:${citys}">
                <span class="zimu" th:text="${s1.prinitials}">B</span>
                <div class="procity_box">
                    <span class="province" th:text="${s1.prname}">北京</span>
                    <div class="city_list" th:each="s2:${s1.list}">
                        <a  style="width: 100px" th:href="'../tocitysite/'+${s2.cid}" th:text="${s2.cname}">北京</a>
                    </div>
                </div>
            </li>


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">C</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">重庆</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">重庆</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">G</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">广东</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">广州</a>-->
                        <!--<a href="">深圳</a>-->
                        <!--<a href="">东莞</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">H</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">湖南</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">长沙</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">H</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">湖北</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">武汉</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">H</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">河南</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">郑州</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">J</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">江苏</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">南京</a>-->
                        <!--<a href="">苏州</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">L</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">辽宁</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">沈阳</a>-->
                        <!--<a href="">大连</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">S</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">四川</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">成都</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">S</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">山东</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">青岛</a>                        -->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">S</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">上海</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">上海</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">S</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">陕西</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">西安</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">T</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">天津</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">天津</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">T</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">天津</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">天津</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


            <!--<li class="city_li clfiex">-->
                <!--<span class="zimu">Z</span>-->
                <!--<div class="procity_box">-->
                    <!--<span class="province">浙江</span>-->
                    <!--<div class="city_list">-->
                        <!--<a href="">杭州</a>-->
                        <!--<a href="">宁波</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->


        </ul>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="friend_line">
            <div class="friend mgc wh" id="friend">
                <p class="links_qq">友情链接QQ：4116161345</p>
                <p class="links">
                    <!-- <a href="">家政网有限责任公司</a>
                    <a href="">保洁网</a>
                    <a href="">蚂蚁搬家</a>
                    <a href="">货拉拉</a> -->
                </p>
            </div>
        </div>
        <div class="help_box wh mgc">
            <div class="info_box">
                <div class="help_info wh mgc">
                    <div class="info_items">
                        <strong>帮助中心</strong>
                        <li><a href="#">平台流程</a></li>
                        <li><a href="#">购买流程</a></li>
                        <li><a href="#">入住流程</a></li>
                    </div>
                    <div class="info_items">
                        <strong>关于家政网</strong>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">服务承诺</a></li>
                        <li><a href="#">加入我们</a></li>
                    </div>
                    <div class="info_items">
                        <strong>服务支持</strong>
                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">合同下载</a></li>
                        <li><a href="#">网站地图</a></li>
                        <li><a href="#">服务保障</a></li>
                    </div>
                    <div class="info_items">
                        <strong>咨询热线</strong>
                        <li>400-465-964</li>
                        <li>周一 至 周五</li>
                        <li>09:00~21:00</li>
                    </div>
                </div>
                <div class="wechat">
                    <div class="wechat_img">
                        <img src="computer/images/wechat.png" alt="">
                        <p>家政网公众号</p>
                    </div>
                    <div class="wechat_img fl">
                        <img src="computer/images/wechat.png" alt="">
                        <p>APP下载</p>
                    </div>
                </div>
            </div>
            <!-- 版权 -->
            <div class="copy mgc clfiex">
                <div class="copy_company">
                    <div class="copy_text">
                        <span>Copyright ©2008-2018</span>
                        <span>家政网有限责任公司</span>
                        <span>粤ICP 备14036222号</span>
                    </div>
                    <div class="copy_img">
                        <img src="computer/images/banquan1.png" alt="">
                        <img src="computer/images/banquan2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- 右边导航栏 -->
    <div class="nav_right">
        <ul>
            <li><a href="#"><img src="computer/images/客服.png" title="客服"></a></li>
            <li><a href="#"><img src="computer/images/商家入驻.png" title="商家入驻"></a></li>
            <li><a href="#"><img src="computer/images/微信.png" title="官方微信"></a></li>
            <li class="top" id="top"><a href="#cont_header">
                <img src="computer/images/返回顶部.png" title="返回顶部"></a>
            </li>
        </ul>
    </div>

</body>


</html> 